<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>租车用车</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/lib/juicer-min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script src="js/biz/car/car.js"></script>
        <script src="js/swiper.js"></script>
    </head>
    <body ontouchstart="" class="grey">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i><h1>租车用车</h1>
            <span class="ui-header-right"><a href="car_search.html"><i class="ui-icons-search"></i></a></span>
        </header>
        <section class="ui-container">
            <div id="w_thua" class="ui-tab-nav ui-border-b">
                <div class="swiper-wrapper">
                    <div class="swiper-slide current"><a onclick="jump('car.html')" href="javascript:void(0)">租车用车</a></div>
                    <div class="swiper-slide"><a onclick="jump('xianlu_zhaorentongyou.html')" href="javascript:void(0)">找人同游</a></div>
                    <div class="swiper-slide"><a onclick="jump('huace_jingdianhuace.html')" href="javascript:void(0)">景点画册</a></div>
                    <div class="swiper-slide"><a onclick="jump('yiren.html')" href="javascript:void(0)">手工艺人</a></div>
                    <div class="swiper-slide"><a onclick="jump('daoyou.html')" href="javascript:void(0)">金牌导游</a></div>
                    <div class="swiper-slide"><a onclick="jump('meishi.html')" href="javascript:void(0)">特色美食</a></div>
                    <div class="swiper-slide"><a onclick="jump('jiudian.html')" href="javascript:void(0)">认证酒店</a></div>
                    <div class="swiper-slide"><a onclick="jump('sheying.html')" href="javascript:void(0)">摄影位置</a></div>
                    <div class="swiper-slide"><a onclick="jump('xianlu_fengxiantixing.html')" href="javascript:void(0)">风险提醒</a></div>
                    <div class="swiper-slide"><a onclick="jump('xianlu_qinghaiwenhua.html')" href="javascript:void(0)">青海文化</a></div>
                </div>
            </div>
            <ul class="w_wu order-list" id="car_list">
                <script id="car_tpl" type="text/juicer">
                {@each array as item, index}
                    <a href="car_detail.html?rcarId=${item.id}">
                    <li>
                        <div class="order-list-pic">
                            <img src="${item.photos[0]}" width="70" height="70" alt="">
                        </div>
                        <div class="order-list-intro">
                            <div class="order-list-intro-text">
                                <p>${item.rcarName}
                                    {@if item.sex===2 }
                                        <span class="sex sex-female no-left"><i class="icons-sex-female"></i>${item.age}</span>
                                        {@else}
                                        <span class="sex sex-male no-left"><i class="icons-sex-male"></i>${item.age}</span>
                                    {@/if}
                                </p>
                                <p class="ui-txt-highlighta">{@if item.star!=null&&item.star!=undefined}<span class="ui-star ui-star-${item.star}"></span>${item.star}分{@/if}</p>
                                <p class="ui-txt-muted"><i class="icons-lbs"></i>距离${item.distance.toFixed(1)}KM</p>
                            </div>
                            <div class="order-list-price-list">
                                <span class="ui-txt-red">${item.price}元/天</span>
                            </div>
                        </div>
                    </li>
                    </a>
                {@/each}
                </script>
            </ul>
        </section>
    </body>
</html>
